<!DOCTYPE html>
<!--
  This is a starter template page. Use this page to start your new project from
  scratch. This page gets rid of all links and provides the needed markup only.
-->
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <title>会易辅助管理系统</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta
      content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
      name="viewport"
    />
    <link rel="stylesheet" href="../static/css/bootstrap.min.css" />
    <!-- Font Awesome -->
    <link rel="stylesheet" href="../static/css/font-awesome.min.css" />
    <!-- Ionicons -->
    <link rel="stylesheet" href="../static/css/ionicons.min.css" />
    <!-- DataTables -->
    <link rel="stylesheet" href="../static/css/dataTables.bootstrap.min.css" />
    <!-- Theme style -->
    <link rel="stylesheet" href="../static/css/AdminLTE.min.css" />
    <!-- AdminLTE Skins. We have chosen the skin-blue for this starter
          page. However, you can choose any other skin. Make sure you
          apply the skin class to the body tag so the changes take effect. -->
    <link rel="stylesheet" href="../static/css/skin-blue.min.css" />
    <link rel="stylesheet" href="../static/css/_all-skins.min.css" />

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- iCheck for checkboxes and radio inputs -->
    <link rel="stylesheet" href="../static/css/all.css" />
    <link rel="stylesheet" href="../static/css/blue.css" />
    <!-- Select2 -->
    <link rel="stylesheet" href="../static/css/select2.min.css" />

    <style type="text/css">
      body,
      html {
        width: 100%;
        height: 100%;
        margin: 0;
        font-family: "微软雅黑";
      }
      #allmap {
        height: 500px;
        width: 100%;
      }
      #r-result {
        width: 100%;
      }
    </style>

    <!-- Google Font -->
    <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic"> -->
  </head>
  <!--
  BODY TAG OPTIONS:
  =================
  Apply one or more of the following classes to get the
  desired effect
  |---------------------------------------------------------|
  | SKINS         | skin-blue                               |
  |               | skin-black                              |
  |               | skin-purple                             |
  |               | skin-yellow                             |
  |               | skin-red                                |
  |               | skin-green                              |
  |---------------------------------------------------------|
  |LAYOUT OPTIONS | fixed                                   |
  |               | layout-boxed                            |
  |               | layout-top-nav                          |
  |               | sidebar-collapse                        |
  |               | sidebar-mini                            |
  |---------------------------------------------------------|
-->

  <body class="hold-transition skin-blue sidebar-mini">
    <div class="wrapper">
      <!-- Main Header -->
      <header class="main-header">
        <!-- Logo -->
        <a href="#" class="logo">
          <!-- mini logo for sidebar mini 50x50 pixels -->
          <span class="logo-mini">会易</span>
          <!-- logo for regular state and mobile devices -->
          <span class="logo-lg">会易辅助管理系统</span>
        </a>

        <!-- Header Navbar -->
        <nav class="navbar navbar-../../../static-top" role="navigation">
          <!-- Sidebar toggle button-->
          <a
            href="#"
            class="sidebar-toggle"
            data-toggle="push-menu"
            role="button"
          >
            <span class="sr-only">Toggle navigation</span>
          </a>
          <!-- Navbar Right Menu -->
          <div class="navbar-custom-menu">
            <ul class="nav navbar-nav">
              <!-- User Account Menu -->
              <li class="dropdown user user-menu">
                <!-- Menu Toggle Button -->
                <!--
              <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
                <!-- The user image in the navbar-->
                <!--
              <img src="../static/img/user2-160x160.jpg" class="user-image" alt="User Image"> 
              <!-- hidden-xs hides the username on small devices so only the image appears. -->
                <!--
              <span class="hidden-xs">Alexander Pierce</span> </a>
            -->
                <ul class="dropdown-menu">
                  <!-- The user image in the menu -->
                  <li class="user-header">
                    <img
                      src="../static/img/user2-160x160.jpg"
                      class="img-circle"
                      alt="User Image"
                    />
                    <p>
                      Alexander Pierce - Web Developer
                      <small>Member since Nov. 2012</small>
                    </p>
                  </li>
                  <!-- Menu Body -->
                  <li class="user-body">
                    <div class="row">
                      <div class="col-xs-4 text-center">
                        <a href="#">Followers</a>
                      </div>
                      <div class="col-xs-4 text-center">
                        <a href="#">Sales</a>
                      </div>
                      <div class="col-xs-4 text-center">
                        <a href="#">Friends</a>
                      </div>
                    </div>
                    <!-- /.row -->
                  </li>
                  <!-- Menu Footer-->
                  <li class="user-footer">
                    <div class="pull-left">
                      <a href="#" class="btn btn-default btn-flat">Profile</a>
                    </div>
                    <div class="pull-right">
                      <a href="#" class="btn btn-default btn-flat">Sign out</a>
                    </div>
                  </li>
                </ul>
              </li>
            </ul>
          </div>
        </nav>
      </header>
      <!-- Left side column. contains the logo and sidebar -->
      <aside class="main-sidebar">
        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">
          <!-- Sidebar Menu -->
          <ul class="sidebar-menu" data-widget="tree">
            <!-- Optionally, you can add icons to the links -->
            <li class="active">
              <a href="Personnel_management.html">
                <i class="fa fa-user-o"></i> <span>人员信息</span>
              </a>
            </li>
            <li>
              <a href="Driving_management.html">
                <i class="fa fa-car"></i> <span>接送</span>
              </a>
            </li>
            <li>
              <a href="Stay_management.html">
                <i class="fa fa-hotel"></i> <span>住房</span>
              </a>
            </li>
            <li>
              <a href="Records_show_realTime.html">
                <i class="fa fa-edit"></i> <span>操作日志</span>
              </a>
            </li>
            <li>
              <a href="/Warning_management/warning_show_realTime">
                <i class="fa fa-warning"></i> <span>预警</span>
              </a>
            </li>
            <li>
              <a
                href="/User_management/login_out"
                onclick="return confirm('确定退出?')"
              >
                <i class="fa fa-sign-out"></i> <span>退出</span>
              </a>
            </li>
          </ul>
          <!-- /.sidebar-menu -->
        </section>
        <!-- /.sidebar -->
      </aside>
      <!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">
        <!-- Main content -->
        <section class="content container-fluid">
          <div class="row">
            <div class="col-md-12">
              <!-- Custom Tabs (Pulled to the right) -->
              <div class="nav-tabs-custom">
                <ul class="nav nav-tabs pull-right">
                  <li>
                    <a href="#tab_SManagement" data-toggle="tab"
                      >办会人员管理</a
                    >
                  </li>
                  <li class="active">
                    <a href="#tab_PManagement" data-toggle="tab"
                      >参会人员管理</a
                    >
                  </li>
                </ul>
                <div class="tab-content">
                  <div class="tab-pane active" id="tab_PManagement">
                    <!-- Main content -->
                    <section class="content">
                      <div class="row">
                        <div class="col-xs-12">
                          <div class="box">
                            <div class="box-header with-border">
                              <h3 class="box-title">
                                <button
                                  type="button"
                                  id="addBtn"
                                  class="btn btn-info"
                                >
                                  添加人员
                                </button>
                                <button
                                  type="button"
                                  class="btn btn-warning"
                                  onclick="arrange()"
                                >
                                  派车
                                </button>
                              </h3>
                            </div>

                            <div id="testGrid">
							<!--
                              <table id="dataList" class="table table-bordered table-hover tabTable" >
                                <thead>
                                  <tr>
                                    <th></th>
                                    <th></th>
                                    <th>姓名</th>
                                    <th>电话</th>
                                    <th>参会</th>
                                    <th>到达时间</th>
                                    <th>到达班次</th>
                                    <th>离开时间</th>
                                    <th>离开班次</th>
                                    <th>信息提供人</th>
                                  </tr>
                                </thead>
                                <tbody>
                                  <tr>
                                    <td width="10px">
                                      <input
                                        type="checkbox"
                                        class="checkOne"
                                        value="{{line.id}}"
                                      />
                                    </td>
                                    <td width="10px">
                                      <a
                                        class="glyphicon glyphicon-search"
                                        value="{{line.id}}"
                                      >
                                      </a>
                                    </td>
                                    <td class="PRW00">张三</td>
                                    <td class="PRW06">13912345678</td>
                                    <td class="PRW11">是</td>
                                    <td class="PRW18">2020年4月14日 11:00</td>
                                    <td class="PRW17">3U8888</td>
                                    <td class="PRW24"></td>
                                    <td class="PRW23"></td>
                                    <td class="PRW10">李四</td>
                                  </tr>
								  <tr>
                                    <td width="10px">
                                      <input
                                        type="checkbox"
                                        class="checkOne"
                                        value="{{line.id}}"
                                      />
                                    </td>
                                    <td width="10px">
                                      <a
                                        class="glyphicon glyphicon-search"
                                        value="{{line.id}}"
                                      >
                                      </a>
                                    </td>
                                    <td class="PRW00">王五</td>
                                    <td class="PRW06">13888888888</td>
                                    <td class="PRW11">是</td>
                                    <td class="PRW18">2020年4月14日 11:00</td>
                                    <td class="PRW17">3U8888</td>
                                    <td class="PRW24"></td>
                                    <td class="PRW23"></td>
                                    <td class="PRW10">李四</td>
                                  </tr> 
                                </tbody>
                              </table>
							  -->
                            </div>
                            <!-- /.box-body -->
                          </div>
                          <!-- /.box -->
                        </div>
                        <!-- /.col -->
                      </div>
                      <!-- /.row -->
                    </section>
                    <!-- /.content -->
                  </div>
                </div>
                <!-- /.tab-content -->
              </div>
              <!-- nav-tabs-custom -->
            </div>
            <!-- /.col -->
          </div>
        </section>
        <!-- /.content -->
      </div>
      <!-- /.content-wrapper -->
    </div>
    <!-- ./wrapper -->
    <div
      class="modal fade"
      id="exampleModal"
      tabindex="-1"
      role="dialog"
      aria-labelledby="exampleModalLabel"
    >
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button
              type="button"
              class="close"
              data-dismiss="modal"
              aria-label="Close"
            >
              <span aria-hidden="true">&times;</span>
            </button>
            <h4 class="modal-title" id="exampleModalLabel">派车单</h4>
          </div>
          <div class="modal-body">
            <form>
			    <div class="form-group">
                  <label for="DRW00" class="control-label">司机</label>
                    <input type="varchar" class="form-control" readonly="readonly" name="DRW00" id="DRW00" placeholder="司机">
                </div>
				<div class="form-group">
                  <label for="DRW01" class="control-label">司机电话</label>
                    <input type="varchar" class="form-control" readonly="readonly" name="DRW01" id="DRW01" placeholder="司机电话">
                </div>
				<div class="form-group">
                  <label for="DRW02" class="control-label">车牌</label>
                    <input type="varchar" class="form-control" readonly="readonly"  name="DRW02" id="DRW02" placeholder="车牌">
                </div>
				<div class="form-group">
                  <label for="DRW07" class="control-label">参会者</label>
                    <input type="varchar" class="form-control" name="DRW07" id="DRW07" value="参会者">
                </div>
				<div class="form-group">
                  <label for="DRW03" class="control-label">出发地</label>
                    <input type="varchar" class="form-control" name="DRW03" id="DRW03" placeholder="出发地">
                </div>
				<div class="form-group">
                  <label for="DRW04" class="control-label">目的地</label>
					<input type="varchar" class="form-control" name="DRW04" id="DRW04" placeholder="目的地">
                </div>
				<div class="form-group">
                  <label for="DRW05" class="control-label">时间</label>
                    <input type="varchar" class="form-control datetime" name="DRW05" id="DRW05" placeholder="时间">
                </div>
				<div class="form-group">
                  <label for="DRW06" class="control-label">班次</label>
                    <input type="varchar" class="form-control" name="DRW06" id="DRW06" placeholder="班次">
                </div>
				<div class="form-group">
                  <label for="DRW08" class="control-label">参会者电话</label>
                    <input type="varchar" class="form-control" name="DRW08" id="DRW08" placeholder="参会者电话">
                </div>
				<div class="form-group">
                  <label for="DRW09" class="control-label">接待者</label>
                    <input type="varchar" class="form-control" name="DRW09" id="DRW09" placeholder="接待者">
                </div>
				<div class="form-group">
                  <label for="DRW10" class="control-label">接待者电话</label>
                    <input type="varchar" class="form-control" name="DRW10" id="DRW10" placeholder="接待者电话">
                </div>
				<div class="form-group">
                  <label for="DRW11" class="control-label">接待领导</label>
                    <input type="varchar" class="form-control" name="DRW11" id="DRW11" placeholder="接待领导">
                </div>
				<div class="form-group">
                  <label for="DRW12" class="control-label">跟随</label>
                    <input type="varchar" class="form-control" name="DRW12" id="DRW12" value="跟随">
                </div>
				<div class="form-group">
                  <label for="DRW13" class="control-label">车型</label>
					<select input type="varchar" class="form-control" name="DRW13" id="DRW13">
						<option disabled>-请选择-</option> 
            			<option value="1">1</option> 
            			<option value="2">2</option>
						<option value="3">3</option> 
            			<option value="4">4</option>
						<option value="5">5</option> 						
					</select>
                </div>
			  <div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				<button type="button" class="btn btn-primary">提交</button>
			  </div>
            </form>
          </div>
        </div>
      </div>
    </div>

    <!-- REQUIRED JS SCRIPTS -->

    <!-- jQuery 3 -->
    <script src="../static/js/jquery.min.js"></script>
	<script src="../static/js/grid3.2.js"></script>
	<script src="../static/js/jquery-ui.min.js"></script>
    <!-- Bootstrap 3.3.7 -->
    <script src="../static/js/bootstrap.min.js"></script>
    <!-- DataTables -->
    <script src="../static/js/jquery.dataTables.min.js"></script>
    <script src="../static/js/dataTables.bootstrap.min.js"></script>
    <!-- AdminLTE App -->
    <script src="../static/js/adminlte.min.js"></script>
    <!-- bootstrap datepicker -->
    <script src="../static/js/bootstrap-datepicker.min.js"></script>
    <!-- vue -->
    <script src="../static/js/vue.js"></script>
    <script src="../static/js/csrf.js"></script>
    <script src="../static/js/fastclick.js"></script>
    <!-- AdminLTE for demo purposes -->
    <script src="../static/js/demo.js"></script>
    <!-- Select2 -->
    <script src="../static/js/select2.full.min.js"></script>
    <!-- iCheck 1.0.1 -->
    <script src="../static/js/icheck.min.js"></script>
	
	<link type="text/css" rel="stylesheet" href="../static/css/jeDate-test.css">
	<link type="text/css" rel="stylesheet" href="../static/css/jedate.css">
	<script type="text/javascript" src="../static/js/jedate.min.js"></script>
    <script>
      $(document).ready(function () {
        $.ajaxSetup({
          data: { csrfmiddlewaretoken: "{{ csrf_token }}" },
        });
		})

		//日期选择
		//一次绑定多个选择
		var jel = document.querySelectorAll(".datetime");
		for(var j=0;j<jel.length;j++){
			jeDate(jel[j],{
				format: "YYYY-MM-DD hh:mm"
			});
		}
		
      //添加人员
      $("#addBtn").bind("click", function () {
        window.location.href = "Personnel_management_form.html";
      });

      

      //识别页面打钩项，获取人员id
      function arrange() {
        var arr = [];
        //获取状态为checked的value
        $("input[type='checkbox']:checked").each(function () {
          arr.push(this.value); //将value通过push方法放入arr数组
        });
        //console.log(arr.length)
        if (arr.length == 0) {
          window.alert("请至少选择一位参会人员，再派车!");
        }
		else{
		$(".modal").modal("show");
		}
      }; 
	  $("#testGrid").houzhuoGrid({
				table_div:"testGrid",
				tableWidth:$("#testGrid").width(),
				tableHeight:600, 
				checkbox:true,
				autoColWidth:true,
				page:true,
				type:"post",
				fontsize:16,
				url:"/grid/demo.do",
				param:{start:1,count:223,limit:20,userName:"aaaa",userId:"678"},
				columns:[
					{name:"table_id",showName:"主键id",width:100,hidden:false,order:false},
					{name:"nubmer",showName:"数值",width:100,hidden:false,order:true},
					{name:"state",showName:"状态",width:100,hidden:false,order:true,format:function(data,row){ 
						if(row.state ==1){
							return '<font color=red>fuck</font>';
						}else{ 
							return '<font color=green>fuck</font>';
						} 
					}},
					{name:"name",showName:"名称",width:400,hidden:false,order:false},
					{name:"value",showName:"内容",width:300,hidden:false,order:true} 
				]
			});
	  
	  
	  
    </script>
  </body>
</html>
